<template>
	<div class="foot">

		<div class="footer_line"></div>
		<!--第一部分-->
		<div class="footer_one">
			<div class="footer_one_small">
				优先保障
			</div>
			<div class="footer_one_small">
				全程监控
			</div>
			<div class="footer_one_small">
				礼拜五特惠
			</div>
			<div class="footer_one_small">
				基地直供
			</div>
			<div class="footer_one_small">
				准时送达
			</div>
		</div>
		<div class="footer_line"></div>
		<!--第二部分-->
		<div class="footer_two">
			<div class="footer_two_left">
				<img src="../../imgs/grzx/logo.png" />
				<p>
					服务时间：08：00-22：00
					<img src="../../imgs/dianhua.png" />
					<span>400-800-8820</span>
				</p>
			</div>
			<div class="footer_two_middle">
				<img src="../../imgs/erweima.png" />
				<p>礼拜五官方微信</p>
			</div>
			<div class="footer_two_middle">
				<img src="../../imgs/erweima.png" />
				<p>礼拜五APP</p>
			</div>
			<div class="footer_two_right">
				<div class="footer_two_right_title">
					关于礼拜五
				</div>
				<div class="footer_two_right_doc">
					<p>新用户注册</p>
					<p>在线下单</p>
					<p>支付方式</p>
				</div>
			</div>
			<div class="footer_two_right">
				<div class="footer_two_right_title">
					配送说明
				</div>
				<div class="footer_two_right_doc">
					<p>运费说明</p>
					<p>配送方式</p>
					<p>发票说明</p>
				</div>
			</div>
			<div class="footer_two_right">
				<div class="footer_two_right_title">
					售后服务
				</div>
				<div class="footer_two_right_doc">
					<p>退换货说明</p>
					<p>服务保障承诺</p>
					<p>验货与签收</p>
				</div>
			</div>
			<div class="footer_two_right">
				<div class="footer_two_right_title">
					加盟礼拜五
				</div>
				<div class="footer_two_right_doc">
					<p>加盟条款</p>
					<p>公司简介</p>
					<p>服务协议</p>
				</div>
			</div>
		</div>
		<!--第三部分-->
		<div class="footer_three">
			<p>
				版权所有 © 礼拜五 保留所有权利 | 沪ICP备12042163
			</p>
			<p>
				礼拜五 纵享品质
			</p>
		</div>
	</div>
</template>

<script>
</script>

<style>
	* {
		padding: 0;
		margin: 0;
	}
	
	.footer_line {
		
		width: 100%;
		height: 1px;
		background: #f2f2f2;
	}
	
	.footer_one {
		width: 1280px;
		margin: 30px auto;
		overflow: hidden;
	}
	
	.footer_one_small {
		width: 150px;
		height: 45px;
		padding-left: 105px;
		line-height: 45px;
		font-size: 24px;
		color: #333333;
		float: left;
		border-right: solid 1px #e9e9e9;
	}
	
	.footer_one_small:first-child {
		background: url(../../imgs/baozhang.png)) no-repeat 20% 50%;
		background-size: 44px 44px;
	}
	
	.footer_one_small:nth-child(2) {
		background: url(../../imgs/grzx/jiankong.png) no-repeat 20% 50%;
		background-size: 44px 44px;
	}
	
	.footer_one_small:nth-child(3) {
		background: url(../../imgs/grzx/tehui.png) no-repeat 20% 50%;
		background-size: 44px 44px;
	}
	
	.footer_one_small:nth-child(4) {
		background: url(../../imgs/grzx/zhigong.png) no-repeat 20% 50%;
		background-size: 44px 44px;
	}
	
	.footer_one_small:nth-child(5) {
		background: url(../../imgs/grzx/zhunshi.png) no-repeat 20% 50%;
		background-size: 44px 44px;
		border: none;
	}
	
	.footer_two {
		width: 1280px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.footer_two_left {
		width: 370px;
		margin: 30px 40px;
		line-height: 20px;
		float: left;
	}
	
	.footer_two_left p {
		font-size: 16px;
		line-height: 30px;
		color: #666666;
		margin-top: 40px;
		position: relative;
	}
	
	.footer_two_left p img {
		width: 20px;
		height: 20px;
		position: absolute;
		left: 225px;
		top: 5px;
	}
	
	.footer_two_left p span {
		font-size: 16px;
		color: #f08200;
		position: absolute;
		left: 250px;
		top: 0;
	}
	
	.footer_two_middle {
		float: left;
		width: 130px;
		margin-top: 20px;
		margin-right: 40px;
	}
	
	.footer_two_middle p {
		font-size: 16px;
		color: #666666;
		text-align: center;
		line-height: 45px;
	}
	
	.footer_two_right {
		margin-right: 45px;
		float: left;
	}
	
	.footer_two_right_title {
		font-size: 16px;
		line-height: 80px;
		color: #333333;
	}
	
	.footer_two_right_doc {
		font-size: 14px;
		line-height: 26px;
		color: #999999;
	}
	.footer_three {
		width: 1280px;
		margin: 20px auto;
		font-size: 14px;
		line-height: 30px;
		text-align: center;
	}
	.footer_three p:last-child {
		color: #f08200;
	}
	.foot{
	margin: 784px 0;
	}
</style>